<!DOCTYPE html>
<html lang="zxx" class="js">
<!-- Mirrored from demo.themenio.com/tokenwiz/buy-token-s2.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Nov 2018 21:15:42 GMT -->

<head>
    <meta charset="utf-8">
    <meta name="author" content="Softnio">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Fully featured and complete ICO Dashboard template for ICO backend management.">
    <!-- Fav Icon -->
    <link rel="shortcut icon" href="images/favicon.png">
    <!-- Site Title  -->
    <title>TokenWiz - ICO User Dashboard Admin Template</title>
    <!-- Vendor Bundle CSS -->
    <link rel="stylesheet" href="assets/css/vendor.bundlea5f5.css?ver=102">
    <!-- Custom styles for this template -->
    <link rel="stylesheet" href="assets/css/stylea5f5.css?ver=102" id="layoutstyle">
    <script>
        (function (i, s, o, g, r, a, m) {
            i['GoogleAnalyticsObject'] = r;
            i[r] = i[r] || function () {
                (i[r].q = i[r].q || []).push(arguments)
            }, i[r].l = 1 * new Date();
            a = s.createElement(o), m = s.getElementsByTagName(o)[0];
            a.async = 1;
            a.src = g;
            m.parentNode.insertBefore(a, m)
        })(window, document, 'script', '../../www.google-analytics.com/analytics.js', 'ga');
        ga('create', 'UA-91615293-2', 'auto');
        ga('send', 'pageview');

    </script>
</head>

<body class="page-user">
    <div class="topbar-wrap">
        <div class="topbar is-sticky">
            <div class="container">
                <div class="d-flex justify-content-between align-items-center">
                    <ul class="topbar-nav d-lg-none">
                        <li class="topbar-nav-item relative">
                            <a class="toggle-nav" href="#">
                                <div class="toggle-icon">
                                    <span class="toggle-line"></span>
                                    <span class="toggle-line"></span>
                                    <span class="toggle-line"></span>
                                    <span class="toggle-line"></span>
                                </div>
                            </a>
                        </li>
                        <!-- .topbar-nav-item -->
                    </ul>
                    <!-- .topbar-nav -->
                    <a class="topbar-logo" href="index.html">
                        <img src="images/logo-light2x.png" srcset="images/logo-light2x.png 2x" alt="logo">
                    </a>
                    <ul class="topbar-nav">
                        <li class="topbar-nav-item relative">
                            <span class="user-welcome d-none d-lg-inline-block">Welcome! Stefan Harary</span>
                            <a class="toggle-tigger user-thumb" href="#">
                                <em class="ti ti-user"></em>
                            </a>
                            <div class="toggle-class dropdown-content dropdown-content-right dropdown-arrow-right user-dropdown">
                                <div class="user-status">
                                    <h6 class="user-status-title">Token balance</h6>
                                    <div class="user-status-balance">12,000,000
                                        <small>TWZ</small>
                                    </div>
                                </div>
                                <ul class="user-links">
                                    <li>
                                        <a href="profile.html">
                                            <i class="ti ti-id-badge"></i>My Profile</a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti ti-infinite"></i>Referral</a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <i class="ti ti-eye"></i>Activity</a>
                                    </li>
                                </ul>
                                <ul class="user-links bg-light">
                                    <li>
                                        <a href="sign-in.html">
                                            <i class="ti ti-power-off"></i>Logout</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <!-- .topbar-nav-item -->
                    </ul>
                    <!-- .topbar-nav -->
                </div>
            </div>
            <!-- .container -->
        </div>
        <!-- .topbar -->
        <div class="navbar">
            <div class="container">
                <div class="navbar-innr">
                    <ul class="navbar-menu">
                        <li>
                            <a href="index-2.html">
                                <em class="ikon ikon-dashboard"></em> Dashboard</a>
                        </li>
                        <li>
                            <a href="buy-token.html">
                                <em class="ikon ikon-coins"></em> Buy Tokens</a>
                        </li>
                        <li>
                            <a href="ico-distribution.html">
                                <em class="ikon ikon-distribution"></em> ICO Distribution</a>
                        </li>
                        <li>
                            <a href="transactions.html">
                                <em class="ikon ikon-transactions"></em> Transactions</a>
                        </li>
                        <li>
                            <a href="profile.html">
                                <em class="ikon ikon-user"></em> Profile</a>
                        </li>
                        <li class="has-dropdown page-links-all">
                            <a class="drop-toggle" href="#">
                                <em class="ikon ikon-exchange"></em> Pages</a>
                            <ul class="navbar-dropdown">
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">UI Elements</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="form-elements.html">Form Elements</a>
                                        </li>
                                        <li>
                                            <a href="form-layout.html">Form Layout</a>
                                        </li>
                                        <li>
                                            <a href="buttons.html">Button</a>
                                        </li>
                                        <li>
                                            <a href="badges.html">Badge</a>
                                        </li>
                                        <li>
                                            <a href="tabs.html">Tabs</a>
                                        </li>
                                        <li>
                                            <a href="accordions.html">Accordions</a>
                                        </li>
                                        <li>
                                            <a href="modals.html">Modals</a>
                                        </li>
                                        <li>
                                            <a href="alerts.html">Alerts</a>
                                        </li>
                                        <li>
                                            <a href="alert-toastr.html">Toastr Alerts</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">Misc Pages</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="404-error.html">404 Error</a>
                                        </li>
                                        <li>
                                            <a href="sign-in.html">Sign In / Login</a>
                                        </li>
                                        <li>
                                            <a href="sign-up.html">Sign Up / Registration</a>
                                        </li>
                                        <li>
                                            <a href="signup-success.html">Signup Success</a>
                                        </li>
                                        <li>
                                            <a href="email-verified.html">Email Verified</a>
                                        </li>
                                        <li>
                                            <a href="forgot.html">Forgot Password</a>
                                        </li>
                                        <li>
                                            <a href="faq-page.html">Faq Page</a>
                                        </li>
                                        <li>
                                            <a href="regular-page.html">Regular Page - v1</a>
                                        </li>
                                        <li>
                                            <a href="regular-page-v2.html">Regular Page - v2</a>
                                        </li>
                                        <li>
                                            <a href="_blank.html">Blank Page</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">KYC / AML</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="kyc-application.html">KYC Default</a>
                                        </li>
                                        <li>
                                            <a href="kyc-form.html">KYC Form</a>
                                        </li>
                                        <li>
                                            <a href="kyc-thank-you.html">KYC Thank You</a>
                                        </li>
                                        <li>
                                            <a href="kyc-list.html">KYC Lists - Admin</a>
                                        </li>
                                        <li>
                                            <a href="kyc-details.html">KYC Details - Admin</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">User Pages</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="profile.html">Profile Page</a>
                                        </li>
                                        <li>
                                            <a href="user-list.html">User List - Admin</a>
                                        </li>
                                        <li>
                                            <a href="user-details.html">User Details - Admin</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">Transactions</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="transactions.html">Transactions - User</a>
                                        </li>
                                        <li>
                                            <a href="admin-transactions.html">Transactions - Admin</a>
                                        </li>
                                        <li>
                                            <a href="transaction-details.html">Transaction Details</a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="has-dropdown">
                                    <a class="drop-toggle" href="#">Token Purchase</a>
                                    <ul class="navbar-dropdown">
                                        <li>
                                            <a href="buy-token.html">Buy Token - Modern</a>
                                        </li>
                                        <li>
                                            <a href="buy-token-s2.html">Buy Token - Simple</a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="email-templates.html">Email Templates
                                        <span class="badge badge-success">Free</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                    <ul class="navbar-btns">
                        <li>
                            <a href="kyc-application.html" class="btn btn-sm btn-outline btn-light">
                                <em class="text-primary ti ti-files"></em>
                                <span>KYC Application</span>
                            </a>
                        </li>
                        <li class="d-none">
                            <span class="badge badge-outline badge-success badge-lg">
                                <em class="text-success ti ti-files mgr-1x"></em>
                                <span class="text-success">KYC Approved</span>
                            </span>
                        </li>
                    </ul>
                </div>
                <!-- .navbar-innr -->
            </div>
            <!-- .container -->
        </div>
        <!-- .navbar -->
    </div>
    <!-- .topbar-wrap -->
    <div class="page-content">
        <div class="container">
            <div class="row">
                <div class="main-content col-lg-8">
                    <div class="d-lg-none">
                        <a href="#" data-toggle="modal" data-target="#add-wallet" class="btn btn-danger btn-xl btn-between w-100 mgb-1-5x">Add your wallet address before buy
                            <em class="ti ti-arrow-right"></em>
                        </a>
                        <div class="gaps-1x mgb-0-5x d-lg-none d-none d-sm-block"></div>
                    </div>
                    <div class="content-area card">
                        <div class="card-innr">
                            <div class="card-head">
                                <span class="card-sub-title text-primary font-mid">Buy Token</span>
                                <h4 class="card-title">Amount of contribute</h4>
                            </div>
                            <div class="card-text">
                                <p>Enter your amount, you would like to contribute and calculate the amount of token you will
                                    received. The calculator helps to convert required currency to tokens.</p>
                            </div>
                            <div class="token-contribute">
                                <div class="token-calc">
                                    <div class="token-pay-amount">
                                        <input id="token-base-amount" class="input-bordered input-with-hint" type="text" value="1">
                                        <div class="token-pay-currency">
                                            <a href="#" class="link ucap link-light toggle-tigger toggle-caret">ETH</a>
                                            <div class="toggle-class dropdown-content">
                                                <ul class="dropdown-list">
                                                    <li>
                                                        <a href="#">BTC</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">LTC</a>
                                                    </li>
                                                    <li>
                                                        <a href="#">USD</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="token-received">
                                        <div class="token-eq-sign">=</div>
                                        <div class="token-received-amount">
                                            <h5 class="token-amount">123,500.84</h5>
                                            <div class="token-symbol">TWZ</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="token-calc-note note note-plane">
                                    <em class="fas fa-times-circle text-danger"></em>
                                    <span class="note-text text-light">0.35 ETH minimum contribution require.</span>
                                </div>
                            </div>
                            <div class="token-overview-wrap">
                                <div class="token-overview">
                                    <div class="row">
                                        <div class="col-md-4 col-sm-6">
                                            <div class="token-bonus token-bonus-sale">
                                                <span class="token-overview-title">+ 20% Sale Bonus</span>
                                                <span class="token-overview-value bonus-on-sale">15,000.00</span>
                                            </div>
                                        </div>
                                        <div class="col-md-4 col-sm-6">
                                            <div class="token-bonus token-bonus-amount">
                                                <span class="token-overview-title">+ 30% Amount Bonus</span>
                                                <span class="token-overview-value bonus-on-amount">5,000.00</span>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="token-total">
                                                <span class="token-overview-title font-bold">Total TWZ</span>
                                                <span class="token-overview-value token-total-amount text-primary">1,823,500.84</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="note note-plane note-danger note-sm pdt-1x pl-0">
                                    <p>Your Contribution will be calculated based on exchange rate at the moment your transaction
                                        is confirm.</p>
                                </div>
                            </div>
                            <div class="pay-buttons pt-0">
                                <div class="pay-button">
                                    <a href="#" data-toggle="modal" data-target="#get-pay-address" class="btn btn-light-alt btn-between w-100">Get Address for Payment
                                        <em class="ti ti-wallet"></em>
                                    </a>
                                </div>
                            </div>
                            <div class="pay-notes">
                                <div class="note note-plane note-light note-md font-italic">
                                    <em class="fas fa-info-circle"></em>
                                    <p>Tokens will appear in your account after payment successfully made and approved by our
                                        team.
                                        <br class="d-none d-lg-block"> Please note that, TWZ tokens will distributed end of ICO Token Sales. </p>
                                </div>
                            </div>
                        </div>
                        <!-- .card-innr -->
                    </div>
                    <!-- .content-area -->
                </div>
                <!-- .col -->
                <div class="aside sidebar-right col-lg-4">
                    <!--<div class="token-statistics card card-token height-auto"><div class="card-innr"><div class="token-balance"><div class="token-balance-text"><h6 class="card-sub-title">Tokens Balance</h6><span class="lead">120,000,000 <span>TWZ</span></span></div></div><div class="token-balance token-balance-s2"><h6 class="card-sub-title">Your Contribution</h6><ul class="token-balance-list"><li class="token-balance-sub"><span class="lead">2.646</span><span class="sub">ETH</span></li><li class="token-balance-sub"><span class="lead">1.265</span><span class="sub">BTC</span></li><li class="token-balance-sub"><span class="lead">6.506</span><span class="sub">LTC</span></li></ul></div></div></div>-->
                    <div class="d-none d-lg-block">
                        <a href="#" data-toggle="modal" data-target="#add-wallet" class="btn btn-danger btn-xl btn-between w-100">Add your wallet address before buy
                            <em class="ti ti-arrow-right"></em>
                        </a>
                        <div class="gaps-3x"></div>
                    </div>
                    <div class="token-sales card">
                        <div class="card-innr">
                            <div class="card-head">
                                <h5 class="card-title card-title-sm">Pre-Sale Token Sales</h5>
                            </div>
                            <div class="token-rate-wrap row">
                                <div class="token-rate col-md-6 col-lg-12">
                                    <span class="card-sub-title">TWZ Token Price</span>
                                    <h4 class="font-mid text-dark">1 ETH =
                                        <span>12500 TWZ</span>
                                    </h4>
                                </div>
                                <div class="token-rate col-md-6 col-lg-12">
                                    <span class="card-sub-title">Exchange Rate</span>
                                    <span>1 ETH = 196.98 USD = 0.032 BTC</span>
                                </div>
                            </div>
                            <div class="token-bonus-current">
                                <div class="fake-class">
                                    <span class="card-sub-title">Current Bonus</span>
                                    <div class="h3 mb-0">20 %</div>
                                </div>
                                <div class="token-bonus-date">End at
                                    <br> 10 Jan, 2019</div>
                            </div>
                        </div>
                        <div class="sap"></div>
                        <div class="card-innr">
                            <div class="card-head">
                                <h5 class="card-title card-title-sm">Token Sales Progress</h5>
                            </div>
                            <ul class="progress-info">
                                <li>
                                    <span>Raised</span> 2,758 TWZ</li>
                                <li class="text-right">
                                    <span>TOTAL</span> 1,500,000 TWZ</li>
                            </ul>
                            <div class="progress-bar">
                                <div class="progress-hcap" data-percent="83">
                                    <div>Hard cap
                                        <span>1,400,000</span>
                                    </div>
                                </div>
                                <div class="progress-scap" data-percent="24">
                                    <div>Soft cap
                                        <span>40,000</span>
                                    </div>
                                </div>
                                <div class="progress-percent" data-percent="28"></div>
                            </div>
                            <span class="card-sub-title mgb-0-5x">Sales END IN</span>
                            <div class="countdown-clock" data-date="2019/02/05"></div>
                        </div>
                    </div>
                </div>
                <!-- .col -->
            </div>
            <!-- .container -->
        </div>
        <!-- .container -->
    </div>
    <!-- .page-content -->
    <div class="footer-bar">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-md-8">
                    <ul class="footer-links">
                        <li>
                            <a href="#">Whitepaper</a>
                        </li>
                        <li>
                            <a href="faq-page.html">FAQs</a>
                        </li>
                        <li>
                            <a href="regular-page.html">Privacy Policy</a>
                        </li>
                        <li>
                            <a href="regular-page.html">Terms of Condition</a>
                        </li>
                    </ul>
                </div>
                <!-- .col -->
                <div class="col-md-4 mt-2 mt-sm-0">
                    <div class="d-flex justify-content-between justify-content-md-end align-items-center guttar-25px pdt-0-5x pdb-0-5x">
                        <div class="copyright-text">&copy; 2018 TokenWiz.</div>
                        <div class="lang-switch relative">
                            <a href="#" class="lang-switch-btn toggle-tigger">En
                                <em class="ti ti-angle-up"></em>
                            </a>
                            <div class="toggle-class dropdown-content dropdown-content-up">
                                <ul class="lang-list">
                                    <li>
                                        <a href="#">Fr</a>
                                    </li>
                                    <li>
                                        <a href="#">Bn</a>
                                    </li>
                                    <li>
                                        <a href="#">Lt</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- .col -->
            </div>
            <!-- .row -->
        </div>
        <!-- .container -->
    </div>
    <!-- .footer-bar -->
    <div class="modal fade" id="add-wallet" tabindex="-1">
        <div class="modal-dialog modal-dialog-md modal-dialog-centered">
            <div class="modal-content">
                <a href="#" class="modal-close" data-dismiss="modal" aria-label="Close">
                    <em class="ti ti-close"></em>
                </a>
                <div class="popup-body">
                    <h4 class="popup-title">Wallet Address</h4>
                    <p>In order to receive your
                        <a href="#">
                            <strong>TWZ Tokens</strong>
                        </a>, please select your wallet address and you have to put the address below input box.
                        <strong>You will receive TWZ tokens to this address after the Token Sale end.</strong>
                    </p>
                    <form action="#">
                        <div class="row">
                            <div class="col-md-6">
                                <div class="input-item input-with-label">
                                    <label for="swalllet" class="input-item-label">Select Wallet </label>
                                    <select class="select-bordered select-block" name="swalllet" id="swalllet">
                                        <option value="eth">Ethereum</option>
                                        <option value="dac">DashCoin</option>
                                        <option value="bic">BitCoin</option>
                                    </select>
                                </div>
                                <!-- .input-item -->
                            </div>
                            <!-- .col -->
                        </div>
                        <!-- .row -->
                        <div class="input-item input-with-label">
                            <label for="token-address" class="input-item-label">Your Address for tokens:</label>
                            <input class="input-bordered" type="text" id="token-address"
                                name="token-address" value="0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae">
                            <span class="input-note">Note: Address should be ERC20-compliant.</span>
                        </div>
                        <!-- .input-item -->
                        <div class="note note-plane note-danger">
                            <em class="fas fa-info-circle"></em>
                            <p>DO NOT USE your exchange wallet address such as Kraken, Bitfinex, Bithumb, Binance etc. You can
                                use MetaMask, MayEtherWallet, Mist wallets etc. Do not use the address if you don’t have
                                a private key of the your address. You WILL NOT receive TWZ Tokens and WILL LOSE YOUR FUNDS
                                if you do.</p>
                        </div>
                        <div class="gaps-3x"></div>
                        <div class="d-sm-flex justify-content-between align-items-center">
                            <button class="btn btn-primary">Add Wallet</button>
                            <div class="gaps-2x d-sm-none"></div>
                            <span class="text-success">
                                <em class="ti ti-check-box"></em> Added wallet address</span>
                        </div>
                    </form>
                    <!-- form -->
                </div>
            </div>
            <!-- .modal-content -->
        </div>
        <!-- .modal-dialog -->
    </div>
    <!-- Modal End -->
    <div class="modal fade" id="get-pay-address" tabindex="-1">
        <div class="modal-dialog modal-dialog-md modal-dialog-centered">
            <div class="modal-content">
                <a href="#" class="modal-close" data-dismiss="modal" aria-label="Close">
                    <em class="ti ti-close"></em>
                </a>
                <div class="popup-body">
                    <h4 class="popup-title">Payment Address for Deposit</h4>
                    <p>Please make deposit amount of
                        <strong>1.0 ETH</strong> to our address and receive
                        <strong>18,750 TWZ</strong> tokens including
                        <strong>bonus 1,540 TWZ</strong> once we recevied payment.</p>
                    <div class="gaps-1x"></div>
                    <h6 class="font-bold">Payment to the following Address</h6>
                    <div class="copy-wrap mgb-0-5x">
                        <span class="copy-feedback"></span>
                        <em class="fab fa-ethereum"></em>
                        <input type="text" class="copy-address" value="0x4156d3342d5c385a87d264f90653733592000581" disabled="">
                        <button class="copy-trigger copy-clipboard" data-clipboard-text="0x4156d3342d5c385a87d264f90653733592000581">
                            <em class="ti ti-files"></em>
                        </button>
                    </div>
                    <!-- .copy-wrap -->
                    <ul class="pay-info-list row">
                        <li class="col-sm-6">
                            <span>SET GAS LIMIT:</span> 120 000</li>
                        <li class="col-sm-6">
                            <span>SET GAS PRICE:</span> 95 Gwei</li>
                    </ul>
                    <!-- .pay-info-list -->
                    <div class="pdb-2-5x pdt-1-5x">
                        <input type="checkbox" class="input-checkbox input-checkbox-md" id="agree-term">
                        <label for="agree-term">I hereby agree to the
                            <strong>token purchase aggrement &amp; token sale term</strong>.</label>
                    </div>
                    <button class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#pay-confirm">Buy Tokens Now
                        <em class="ti ti-arrow-right mgl-4-5x"></em>
                    </button>
                    <div class="gaps-3x"></div>
                    <div class="note note-plane note-light mgb-1x">
                        <em class="fas fa-info-circle"></em>
                        <p>Do not make payment through exchange (Kraken, Bitfinex). You can use MayEtherWallet, MetaMask, Mist
                            wallets etc.</p>
                    </div>
                    <div class="note note-plane note-danger">
                        <em class="fas fa-info-circle"></em>
                        <p>In case you send a different amount, number of TWZ tokens will update accordingly.</p>
                    </div>
                </div>
            </div>
            <!-- .modal-content -->
        </div>
        <!-- .modal-dialog -->
    </div>
    <!-- Modal End -->
    <div class="modal fade" id="pay-confirm" tabindex="-1">
        <div class="modal-dialog modal-dialog-md modal-dialog-centered">
            <div class="modal-content">
                <div class="popup-body">
                    <h4 class="popup-title">Confirmation Your Payment</h4>
                    <p class="lead text-primary">Your Order no.
                        <strong>TNX93KR8N0</strong> has been placed successfully. </p>
                    <p>The tokens balance will appear in your account only after you transaction gets 6 confirmations and approved
                        our team.</p>
                    <p>To
                        <strong>speed up verifcation</strong> proccesing please enter
                        <strong>your wallet address</strong> from where you’ll transferring your ethereum to our address.</p>
                    <div
                        class="input-item input-with-label">
                        <label for="token-address" class="input-item-label">Enter your wallet address</label>
                        <input class="input-bordered" type="text" value="0xde0b295669a9fd93d5f28d9ec85e40f4cb697bae">
                </div>
                <!-- .input-item -->
                <ul class="d-flex flex-wrap align-items-center guttar-30px">
                    <li>
                        <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#pay-review" class="btn btn-primary">Confirm Payment</a>
                    </li>
                    <li class="pdt-1x pdb-1x">
                        <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#pay-online" class="link link-primary">Make Online Payment</a>
                    </li>
                </ul>
                <div class="gaps-2x"></div>
                <div class="gaps-1x d-none d-sm-block"></div>
                <div class="note note-plane note-light mgb-1x">
                    <em class="fas fa-info-circle"></em>
                    <p>Do not make payment through exchange (Kraken, Bitfinex). You can use MayEtherWallet, MetaMask, Mist wallets
                        etc.</p>
                </div>
                <div class="note note-plane note-danger">
                    <em class="fas fa-info-circle"></em>
                    <p>In case you send a different amount, number of TWZ tokens will update accordingly.</p>
                </div>
            </div>
        </div>
        <!-- .modal-content -->
    </div>
    <!-- .modal-dialog -->
    </div>
    <!-- Modal End -->
    <div class="modal fade" id="pay-online" tabindex="-1">
        <div class="modal-dialog modal-dialog-md modal-dialog-centered">
            <div class="modal-content pb-0">
                <div class="popup-body">
                    <h4 class="popup-title">Buy Tokens and Payment</h4>
                    <p class="lead">To receiving
                        <strong>18,750 TWZ</strong> tokens including
                        <strong>bonus 1,540 TWZ</strong> require payment amount of
                        <strong>1.0 ETH</strong>.</p>
                    <p>You can choose any of following payment method to make your payment. The tokens balance will appear in
                        your account after successfull payment.</p>
                    <h5 class="mgt-1-5x font-mid">Select payment method:</h5>
                    <ul class="pay-list guttar-20px">
                        <li class="pay-item">
                            <input type="radio" class="pay-check" name="pay-option" id="pay-coin">
                            <label class="pay-check-label" for="pay-coin">
                                <img src="images/pay-a.png" alt="pay-logo">
                            </label>
                        </li>
                        <li class="pay-item">
                            <input type="radio" class="pay-check" name="pay-option" id="pay-coinpay">
                            <label class="pay-check-label" for="pay-coinpay">
                                <img src="images/pay-b.png" alt="pay-logo">
                            </label>
                        </li>
                        <li class="pay-item">
                            <input type="radio" class="pay-check" name="pay-option" id="pay-paypal">
                            <label class="pay-check-label" for="pay-paypal">
                                <img src="images/pay-c.png" alt="pay-logo">
                            </label>
                        </li>
                    </ul>
                    <span class="text-light font-italic mgb-2x">
                        <small>* Payment gateway company may charge you a processing fees.</small>
                    </span>
                    <div class="pdb-2-5x pdt-1-5x">
                        <input type="checkbox" class="input-checkbox input-checkbox-md" id="agree-term-3">
                        <label for="agree-term-3">I hereby agree to the
                            <strong>token purchase aggrement &amp; token sale term</strong>.</label>
                    </div>
                    <ul class="d-flex flex-wrap align-items-center guttar-30px">
                        <li>
                            <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#pay-review" class="btn btn-primary">Buy Tokens &amp; Process to Pay
                                <em class="ti ti-arrow-right mgl-2x"></em>
                            </a>
                        </li>
                        <li class="pdt-1x pdb-1x">
                            <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#get-pay-address" class="link link-primary">Make Manual Payment</a>
                        </li>
                    </ul>
                    <div class="gaps-2x"></div>
                    <div class="gaps-1x d-none d-sm-block"></div>
                    <div class="note note-plane note-light mgb-1x">
                        <em class="fas fa-info-circle"></em>
                        <p class="text-light">You will automatically redirect for payment after your order placing.</p>
                    </div>
                </div>
            </div>
            <!-- .modal-content -->
        </div>
        <!-- .modal-dialog -->
    </div>
    <!-- Modal End -->
    <div class="modal fade" id="pay-coingate" tabindex="-1">
        <div class="modal-dialog modal-dialog-md modal-dialog-centered">
            <div class="modal-content">
                <div class="popup-body">
                    <h4 class="popup-title">Buy Tokens and Payment</h4>
                    <p class="lead">To receiving
                        <strong>18,750 TWZ</strong> tokens including
                        <strong>bonus 1,540 TWZ</strong> require payment amount of
                        <strong>1.0 ETH</strong>.</p>
                    <p>You can pay via online payment geteway
                        <strong>“Coingate”</strong>. It’s safe and secure.</p>
                    <div class="pdb-2-5x pdt-1-5x">
                        <input type="checkbox" class="input-checkbox input-checkbox-md" id="agree-term-2">
                        <label for="agree-term-2">I hereby agree to the
                            <strong>token purchase aggrement &amp; token sale term</strong>.</label>
                    </div>
                    <button class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#pay-thanks">Place Order &amp; Process to Pay
                        <em class="ti ti-arrow-right mgl-4-5x"></em>
                    </button>
                    <div class="gaps-3x"></div>
                    <div class="note note-plane note-light mgb-1x">
                        <em class="fas fa-info-circle"></em>
                        <p>You will automatically redirect to Coingate website for payment</p>
                    </div>
                </div>
            </div>
            <!-- .modal-content -->
        </div>
        <!-- .modal-dialog -->
    </div>
    <!-- Modal End -->
    <div class="modal fade" id="pay-thanks" tabindex="-1">
        <div class="modal-dialog modal-dialog-md modal-dialog-centered">
            <div class="modal-content">
                <div class="popup-body text-center">
                    <div class="gaps-2x"></div>
                    <div class="pay-status pay-status-success">
                        <em class="ti ti-check"></em>
                    </div>
                    <div class="gaps-2x"></div>
                    <h3>Thanks for your contribution!</h3>
                    <p>Your payment amount
                        <strong>1.0 ETH</strong> has been successfully received againest order no.
                        <strong>TNX94KR8N0</strong>. We’ve added
                        <strong>18,750 TWZ</strong> tokens in account.</p>
                    <div class="gaps-2x"></div>
                    <a href="ico-distribution.html" class="btn btn-primary">See Token Balance</a>
                    <div class="gaps-1x"></div>
                </div>
            </div>
            <!-- .modal-content -->
        </div>
        <!-- .modal-dialog -->
    </div>
    <!-- Modal End -->
    <div class="modal fade" id="pay-review" tabindex="-1">
        <div class="modal-dialog modal-dialog-md modal-dialog-centered">
            <div class="modal-content">
                <div class="popup-body text-center">
                    <div class="gaps-2x"></div>
                    <div class="pay-status pay-status-success">
                        <em class="ti ti-check"></em>
                    </div>
                    <div class="gaps-2x"></div>
                    <h3>We’re reviewing your payment.</h3>
                    <p>We’ll review your transaction and get back to your within 6 hours. You’ll receive an email with the details
                        of your contribution.</p>
                    <div class="gaps-2x"></div>
                    <a href="transactions.html" class="btn btn-primary">View Transaction</a>
                    <div class="gaps-1x"></div>
                </div>
            </div>
            <!-- .modal-content -->
        </div>
        <!-- .modal-dialog -->
    </div>
    <!-- Modal End -->
    <div class="modal fade" id="pay-failed" tabindex="-1">
        <div class="modal-dialog modal-dialog-md modal-dialog-centered">
            <div class="modal-content">
                <div class="popup-body text-center">
                    <div class="gaps-2x"></div>
                    <div class="pay-status pay-status-error">
                        <em class="ti ti-alert"></em>
                    </div>
                    <div class="gaps-2x"></div>
                    <h3>Oops! Payment failed!</h3>
                    <p>Sorry, seems there is an issues occurred and we couldn’t process your payment. If you continue to have
                        issues, please contact us with order no.
                        <strong>TNX94KR8N0</strong>.</p>
                    <div class="gaps-2x"></div>
                    <a href="#" data-dismiss="modal" data-toggle="modal" data-target="#get-pay-address" class="btn btn-primary">Try to Pay Again</a>
                    <div class="gaps-1x"></div>
                </div>
            </div>
            <!-- .modal-content -->
        </div>
        <!-- .modal-dialog -->
    </div>
    <!-- Modal End -->
    <!-- JavaScript (include all script here) -->
    <script src="assets/js/jquery.bundlea5f5.js?ver=102"></script>
    <script src="assets/js/scripta5f5.js?ver=102"></script>
</body>
<!-- Mirrored from demo.themenio.com/tokenwiz/buy-token-s2.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 29 Nov 2018 21:15:42 GMT -->

</html>
